 .web {
 	width: 100vw;
 	height: 100vh;
 	background-color: #e7eaed;
 	overflow: hidden;

 }

 .title {
 	width: 100%;
 	height: 140rpx;
 	background-color: white;
 	position: fixed;
 	top: 0rpx;
 	left: 0rpx;
 	z-index: 999;
 }

 /* 导航 */
 .nav {
 	width: 100%;
 	height: 140rpx;
 	overflow: hidden;

 }

 .nav>.header {
 	margin-top: 25rpx;

 }

 /* 导航 */

 /* 聊天页面 */
 .chat_content {
 	width: 92%;
 	height: 100%;
 	margin: 0 auto;
 }

 /* 左边 */
 .content_text1 {
 	display: flex;
 	margin-top: 173rpx;
 }

 .content_text1>image:nth-child(1) {
 	width: 75rpx;
 	height: 75rpx;
 }

 .content_text1>image:nth-child(2) {
 	width: 310rpx;
 	height: 210rpx;
 	margin-left: 20rpx;
 }

 /* 时间 */
 .time {
 	width: 160rpx;
 	height: 40rpx;
 	background-color: #c7cacd;
 	font-size: 20rpx;
 	color: white;
 	text-align: center;
 	line-height: 40rpx;
 	margin: 0 auto;
 	margin-top: 55rpx;
 	border-radius: 7rpx;
 }

 /* 时间 */
 .content_text2 {
 	display: flex;
 	margin-top: 25rpx;
 	position: absolute;
 }

 .content_text2>image {
 	width: 75rpx;
 	height: 75rpx;
 }

 .content_text2_box {
 	width: 520rpx;
 	height: 200rpx;
 	font-size: 28rpx;
 	line-height: 50rpx;
 	background-color: white;
 	margin-left: 20rpx;
 	border-radius: 7rpx;

 }

 .content_text2_box>view {
 	margin-left: 24rpx;
 	margin-top: 10rpx;
 }

 .content_text2>i {
 	position: relative;
 	color: #fff;
 	top: 22rpx;
 	left: -538rpx;
 }

 /* 3 */
 .content_text3 {
 	display: flex;
 	margin-top: 255rpx;
 }

 .content_text3>image:nth-child(1) {
 	width: 75rpx;
 	height: 75rpx;
 }

 .content_text3>image:nth-child(2) {
 	width: 175rpx;
 	height: 310rpx;
 	margin-left: 20rpx;

 }

 /* 3 */
 /* 左边 */
 /* 右边 */
 .content_right {
 	display: flex;
 	height: 75rpx;
	align-items: center;
	margin-bottom:50rpx;
  
/*  flex-direction: row-reverse;
  justify-content: flex-end; */
  
 	  justify-content:flex-end
 }
  .content_right.left_right{
	  flex-direction: row-reverse;
	    justify-content: flex-end; 
		
  }
    .content_right.left_right .icon-yousanjiao{
		transform:rotate(180deg);
	  
  }
 .content_right .photo {
 	width: 75rpx;
 	height: 75rpx;
	border-radius: 50%;
 	 
 }
 .content_right .right_text2{
	 background: #60c696;
	 color: #fff;
	 padding: 25rpx;
	 border-radius: 10rpx;
 }
  .content_right.left_right .right_text2{
	  background: #ffffff;
	  color: #000000;
  }
    .content_right.left_right .right_text1{
		display: none;
	}
 .content_right .right_text1{
	 font-size: 20rpx;
	 color: #999;
 
 }
/* 
 .content_right>.right_text1 {
 	font-size: 20rpx;
 	color: #999;
 	margin-top: 40rpx;
 }

 .content_right>.right_text2 {
 	width: 200rpx;
 	background-color: #60c696;
 	border-radius: 7rpx;
 	color: #fff;
 	line-height: 75rpx;
 	text-align: center;
 	margin-left: 5rpx;
 	font-size: 28rpx;

 }

 .content_right>image {
 	width: 75rpx;
 	height: 75rpx;
 	margin-left: 20rpx;
 }

 .content_right>i {
 	position: relative;
 	top: 22rpx;
 	right: -268rpx;
 	color: #60c696;
 } */

 /* 2 */
 .content_right2 {
 	display: flex;
 	height: 75rpx;
 	margin-left: 215rpx;
 	margin-top: 140rpx;
 	position: absolute;
 	padding-bottom: 100%;
 }

 .content_right2>.right_text1 {
 	font-size: 20rpx;
 	color: #999;
 	margin-top: 40rpx;
 }

 .content_right2>.right_text2 {
 	width: 300rpx;
 	background-color: #60c696;
 	border-radius: 7rpx;
 	color: #fff;
 	line-height: 75rpx;
 	text-align: center;
 	margin-left: 5rpx;
 	font-size: 28rpx;

 }

 .content_right2>image {
 	width: 75rpx;
 	height: 75rpx;
 	margin-left: 20rpx;
 }

 .content_right2>i {
 	position: relative;
 	top: 22rpx;
 	right: -368rpx;
 	color: #60c696;
 }

 /* 2 */
 /* 右边 */
 /* 聊天页面 */
 /* 输入框 */
 .input_body{
	 width: 100%;
	 height: auto;
	 background-color: yellow;
	 position: fixed;
	 left: 0;
	 bottom: 0;
	 display: flex;
	 justify-content: space-around;
	 align-items: center;
	 flex-direction: column;
 }
 .uploadimg{
	width: 100%;
	height: 300rpx;
 
	display: flex;
 }
  .uploadimg .item{
	  width: 130rpx;
	  height: 130rpx;
	  background: skyblue;
	  margin-right: 10rpx;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
 
 .input_box {
 	width: 100%;
 	height: 120rpx;
 	background-color: #f3f4f5;
	display: flex;
	justify-content: space-around;
	align-items: center;
 }
.input_box>.box_2{
	width: 490rpx;
	height: 70rpx;
		background-color: white;
		display: flex;
		justify-content: center;
		align-items: center;
}
.input_box>.box_2>input{
	width: 490rpx;
	height: 70rpx;
	background-color: white;
 
	
}
.input_box .iconfont{
	font-size: 55rpx;
	line-height: 120rpx;
}
.input_box .right{
	 
	flex: 1;
	display: flex;
	justify-content: space-around;
	
}
.sendbtn{
	background: red;
	height: 70rpx;
	flex: 1;
	margin:0 20rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#ffffff;
	border-radius: 10rpx;
}
 /* 输入框 */
 
 .msg_img{
	 max-width: 500rpx;
 }